<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>周排名</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <!--  -->
    <div class="w-full flex flex-col items-center">
        <!--  导航菜单 -->
        <header class="flex flex-row gap-4 py-2">
            <div>
                <!-- logo -->
                <img src="/images/logo.png">
            </div>
            <nav class="flex-1">
                <ul
                    class="flex flex-row justify-center font-bold [&>li]:h-[65px] [&>li]:p-4 [&>li]:hover:text-[#d9eb60] [&>li]:cursor-pointer gap-4">
                    <li>
                        <a href="./index.html">首页</a>
                    </li>
                    <li>
                        <a href="#">导师阵容</a>
                    </li>
                    <li>
                        <a href="./ranking.html">排名展示</a>
                    </li>
                    <li>
                        <a href="#">动态加权池</a>
                    </li>
                    <li>
                        <a href="#">授业解惑</a>
                    </li>
                    <li>
                        <a href="#">互动中心</a>
                    </li>
                    <li>
                        <a href="./student.html">学员介绍</a>
                    </li>
                    <li>
                        <a href="./news.html">新闻资讯</a>
                    </li>
                    <li>
                        <a href="#">关于我们</a>
                    </li>
                </ul>
            </nav>
        </header>

        <!--  TODO  -->
        <div class="w-full flex flex-col items-center p-4 bg-black text-white">
            <img src="/images/ranking/bg.png">
            <header class="flex flex-col justify-center items-center py-10">
                <h2 class="text-4xl font-bold">第二周周榜</h2>
                <div class="w-15 h-1.5 mt-10 mb-6 bg-[#d9eb60]"></div>
                <span class="text-2xl">时间：2025/9/8 - 2025/9/12</span>
            </header>
            <div class="w-[1200px] flex flex-col items-center gap-4">
                <div class="w-7/10 grid grid-cols-2 [&>a]:py-2 py-8">
                    <a href="#"
                        class="bg-[#d9eb60] text-black text-center rounded-bl-md rounded-tl-md">重量级榜单（净值≥10,000美元）
                    </a>
                    <a href="#"
                        class="bg-white text-black text-center rounded-br-md rounded-tr-md  border border-[#d9eb60]">轻量级榜单（净值≥1,000美元）
                    </a>
                </div>
                <div
                    class="w-full border border-[#d9eb60] px-15 rounded-md bg-linear-to-b from-[#d9eb60] from-[54px] to-transparent to-[54px]">
                    <table
                        class="w-full text-[#5d5d5d] [&_tr]:border-[#cfd4da] [&_tr:not(:last-child)]:border-b [&_th]:text-left [&_th]:py-4 [&_th]:px-4 [&_td]:py-4 [&_td]:px-4">
                        <thead>
                            <tr class=" text-black ">
                                <th>排名</th>
                                <th>昵称</th>
                                <th>账号</th>
                                <th>盈利金额</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center bg-[#eab309] text-white rounded-2xl">1</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center bg-[#cfd4da] text-white rounded-2xl">2</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center bg-[#db7701] text-white rounded-2xl">3</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">4</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">5</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">6</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">7</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">8</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">9</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">10</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <span class="text-sm my-4">
                    <pre class="text-[#cfd4da] text-center">
                    <span class="text-red-500">*</span>本榜单为“中国好交易”数据总排名榜单，统计周期自2025年9月1日起，涵盖昨日的累计排名情况。
                    榜单实行每日上午定期更新机制，若遇特殊情况，更新安排将有广泛提前通知
                </pre>
                </span>
                <div class="w-full grid grid-cols-2 gap-8 my-4">
                    <a href="#"
                        class="py-2 rounded-full bg-[#a9d052] text-xl text-black text-center cursor-pointer">我要参赛</a>
                    <a href="#"
                        class=" py-2 rounded-full border border-[#a9d052] text-xl text-[#a9d052] text-center cursor-pointer">
                        查看往期排名
                    </a>
                </div>

            </div>

        </div>

        <div class="w-full flex flex-col items-center p-4 bg-white text-black">
            <header class="flex flex-col justify-center items-center py-10">
                <h2 class="text-4xl font-bold">第一周周榜</h2>
                <div class="w-15 h-1.5 mt-10 mb-6 bg-[#d9eb60]"></div>
                <span class="text-2xl">时间：2025/9/8 - 2025/9/12</span>
            </header>
            <div class="w-[1200px] flex flex-col items-center gap-4">
                <div class="w-7/10 grid grid-cols-2 [&>a]:py-2 py-8">
                    <a href="#"
                        class="bg-[#d9eb60] text-black text-center rounded-bl-md rounded-tl-md">重量级榜单（净值≥10,000美元）
                    </a>
                    <a href="#"
                        class="bg-white text-black text-center rounded-br-md rounded-tr-md border border-[#d9eb60]">轻量级榜单（净值≥1,000美元）
                    </a>
                </div>
                <div
                    class="w-full border border-[#d9eb60] px-15 rounded-md bg-linear-to-b from-[#d9eb60] from-[54px] to-transparent to-[54px] shadow-2xl">
                    <table
                        class="w-full text-[#5d5d5d] [&_tr]:border-[#cfd4da] [&_tr:not(:last-child)]:border-b [&_th]:text-left [&_th]:py-4 [&_th]:px-4 [&_td]:py-4 [&_td]:px-4">
                        <thead>
                            <tr class=" text-black ">
                                <th>排名</th>
                                <th>昵称</th>
                                <th>账号</th>
                                <th>盈利金额</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center bg-[#eab309] text-white rounded-2xl">1</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center bg-[#cfd4da] text-white rounded-2xl">2</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center bg-[#db7701] text-white rounded-2xl">3</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">4</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">5</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">6</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">7</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">8</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">9</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="w-5 h-5 block text-center">10</span>
                                </td>
                                <td>张三</td>
                                <td>1234567890</td>
                                <td>
                                    <span class="text-[#06943f] font-bold">482890</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <span class="text-sm my-4">
                    <pre class="text-[#676767] text-center">
                    <span class="text-red-500">*</span>本榜单为“中国好交易”数据总排名榜单，统计周期自2025年9月1日起，涵盖昨日的累计排名情况。
                    榜单实行每日上午定期更新机制，若遇特殊情况，更新安排将有广泛提前通知
                </pre>
                </span>
                <div class="w-full grid grid-cols-2 gap-8 my-4">
                    <a href="#"
                        class="py-2 rounded-full bg-[#a9d052] text-xl text-black text-center cursor-pointer">我要参赛</a>
                    <a href="#"
                        class=" py-2 rounded-full border border-[#a9d052] text-xl text-[#a9d052] text-center cursor-pointer">
                        查看往期排名
                    </a>
                </div>

            </div>

        </div>

        <footer>
            <div class="w-[1200px] grid grid-cols-5 gap-4 px-12 py-16">
                <ul class="[&>li]:py-2">
                    <li class="text-xl font-bold">
                        关于我们
                    </li>
                    <li>
                        主办方：梧桐财经
                    </li>
                    <li>
                        首席赞助商
                    </li>
                    <li>
                        <img src="/images/logo.png">
                    </li>
                </ul>

                <ul class="[&>li]:py-2">
                    <li class="text-xl font-bold">
                        导师团队
                    </li>
                    <li>
                        邵悦华
                    </li>
                    <li>
                        章维军
                    </li>
                    <li>
                        张聚贤
                    </li>
                    <li>
                        崔荣
                    </li>
                </ul>

                <ul class=" [&>li]:py-2">
                    <li class=" text-xl font-bold">
                        加入我们
                    </li>
                    <li>
                        <a href="#">我要开户</a>
                    </li>
                    <li>
                        <a href="#">我要报名</a>
                    </li>
                </ul>

                <div>
                    <img src="/images/index/erweima.png" alt="">
                    <span>公众号二维码</span>
                </div>
                <div>
                    <img src="/images/index/erweima.png" alt="">
                    <span>公众号二维码</span>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>